//列表页面样式
.app-container {
  background: #F3F5FF;
  padding: 30px;

  .el-card {
    background: #3A84FF;
    border-radius: 16px;
    margin-bottom: 15px;

    .el-card__body {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 20px 20px 10px 20px;

      .header-tab {
        height: 32px;
        line-height: 32px;
        margin-right: 20px;
        margin-top: -10px;
      }

      .el-form {
        .el-row {
          flex-wrap: wrap;

          .el-col {
            width: 220px;
            margin-bottom: 10px;
            margin-right: 10px;

            .el-form-item {
              margin-bottom: 0 !important;
              margin-right: 0;

              .el-input--small {
                width: 220px;
              }

              .el-input__inner {
                width: 100%;
                height: 38px;
                line-height: 38px;
                border: 0;
                font-size: 14px;
              }

              .el-date-editor {
                .el-input__icon {
                  line-height: 39px;
                }
              }
            }
          }
        }
      }

      .table-btn {
        display: flex;
        margin-top: -10px;

        .table-btn-item {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 38px;
          height: 38px;
          border-radius: 8px;
          background: #FFFFFF;
          margin-left: 12px;
          cursor: pointer;
        }
      }
    }
  }

  .radius0 {
    border-radius: 16px 16px 0 0;
  }

  .funcs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;

    .funcs-title {
      font-size: 18px;
      color: rgba(17, 38, 60, 1);
      border-left: 3px solid rgba(84, 91, 245, 1);
      padding-left: 10px;
    }
  }

  .section {

    /*列表*/
    .el-table {
      border-radius: 16px;

      th {
        height: 50px;
        background: #488DFE;
        font-family: Source Han Sans SC;
        font-size: 14px;
        color: #fff;
        font-weight: normal;
        border-right: 1px solid #E2E6F5;
      }

      td {
        height: 50px;
        font-family: Source Han Sans SC;
        font-size: 14px;
        color: #3D3D3D;
        font-weight: normal;
        border-right: 1px solid #E2E6F5;
      }

      .el-table__body tr {
        &:nth-child(odd) {
          background-color: #FEFEFE;
        }

        &:nth-child(even) {
          background-color: #F8FAFE;
        }
      }

      .el-table__body-wrapper {
        &::-webkit-scrollbar {
          height: 10px;
        }

        &::-webkit-scrollbar-track {
          background-color: #E4E8F5;
        }

        &::-webkit-scrollbar-thumb {
          border-radius: 10px;
          background-color: #3380FD;
        }
      }
    }

    /*分页*/
    .pagination {
      background-color: transparent !important;

      .el-pagination {
        display: flex;
        align-items: center;

        .number {
          width: 40px;
          height: 40px;
          line-height: 40px;
          background-color: #fff;
          border-radius: 8px;
        }

        .el-pager > .el-icon {
          height: 40px;
          width: 40px;
          background: #fff;
          line-height: 40px;
          border-radius: 8px;
        }
      }
    }
  }
}

//弹框表单样式
.el-dialog {
  .el-dialog__body {
    max-height: 75vh !important;
    overflow: auto !important;
  }

  .el-dialog__footer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;

    .el-button {
      background: #B5C2D8;
      color: #fff;
      border: none;

      &:nth-child(2) {
        background-color: #116BFF;
      }

      &:hover {
        opacity: .8;
      }
    }
  }
}

/*全局提示*/
.el-message {
  min-width: 100px !important;
  padding-right: 20px !important;
}
